<!DOCTYPE html>
<!--minwidth=1000 có 2 nơi, trong body và trong script scale banner-->
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/style-dark.css">

        <!--[if gte IE 8]>
                <link rel="stylesheet" type="text/css" href="css/ie.css"  />
        <![endif]-->
        <!--[if !IE]> -->
        <script src="js/jquery-2.0.2.js" type="text/javascript"></script>
        <!-- <![endif]-->
        <script src="js/utils.js"></script>
        <script src="js/ball.js"></script>
        <script src="js/hhd.js"></script>
        <!--[if !IE]> -->      
        <script>
            $(document).ready(function(){
                scaleWindow();
                //làm sao để dòng code này thực hiện khi đã load dữ liệu ổn định
                ballAnimte();
            });  
            $(window).resize(function () { 
                scaleWindow();
            });
                
        </script>
        <!-- <![endif]-->
    </head>
    <body>
        <!--for banner-->
        <div class="am_banner_wrapper">
            <div class="am_banner">
                <div class="am_banner_underlight">
                    <canvas id="am_canvas_light" width="1222" height="600"></canvas>
                </div>
                <div class="am_banner_items">
                    <script>head()</script>
                    <div class="am_logo am_banner_item"></div>
                    <div class="am_banner_item_01 am_banner_item"></div>
                    <div class="am_banner_item_02 am_banner_item"></div>
                    <div class="am_banner_item_03 am_banner_item"></div>
                    <div class="am_banner_item_04 am_banner_item"></div>
                    <div class="am_banner_item_05 am_banner_item"></div>
                    <div class="am_banner_item_06 am_banner_item"></div>

                    <div class="am_banner_item_07 am_banner_item"></div>
                    <div class="am_banner_item_08 am_banner_item"></div>

                    <div class="am_banner_item_09 am_banner_item"></div>
                    <div class="am_banner_item_10 am_banner_item"></div>
                    <div class="am_banner_item_11 am_banner_item"></div>
                    <div class="am_banner_item_12 am_banner_item"></div>
                    <div class="am_banner_item_13 am_banner_item"></div>
                    <div class="am_banner_item_14 am_banner_item"></div>

                    <div class="am_banner_item_15 am_banner_item"></div>
                    <div class="am_banner_item_16 am_banner_item"></div>
                    <div class="am_banner_item_17 am_banner_item"></div>
                    <div class="am_banner_item_18 am_banner_item"></div>
                    <div class="am_banner_item_19 am_banner_item"></div>

                    <div class="am_banner_item_20 am_banner_item"></div>
                    <div class="am_banner_item_21 am_banner_item"></div>
                    <div class="am_banner_item_22 am_banner_item"></div>
                    <div class="am_banner_item_23 am_banner_item"></div>
                    <script>foot()</script>
                </div>
            </div>
        </div>
        <!--for Media-player-->
        <div class="am_mediaplayer">
            <div class="am_current_playlist">

            </div>
            <div class="am_similar_song">
                <div class="am_sml_song">
                    <div class="am_sml_song_title">
                        <span>Bài hát tương tự</span>
                        <a href="#" class="am_mini_link">Gợi ý khác &raquo;</a>
                    </div>
                    <div class="am_listsong">
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <!--them-->


                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>



                    </div> <!-- close listsong -->
                </div>

            </div>

        </div>
        <div class="am_listmusic">
            <div class="am_categories">
                <div class="am_categories_item am_categories_selected" style="color: #eba5eb;">"logo00" giới thiệu</div>
                <div class="am_categories_item" style="color: #919bf2;">Nghe nhiều nhất</div>
                <div class="am_categories_item" style="color: #fbd0ad;">Gợi ý</div>
                <div class="am_categories_item" style="color: #86cdbf;">Vừa xem</div>
            </div>
            <div class="am_listmusic_of_categories">
                <div class="am_listmusic_song">
                    <div class="am_listsong">

                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>
                        <div class="am_listsong_item_g2">
                            <div class="am_listsong_item">
                                <div class="am_listsong_item_g1">
                                    <div class="am_listsong_item_song"><a href="#"> That's Love</a></div>
                                    <div class="am_listsong_item_singer">Tokyo Square</div>
                                </div>
                                <div class="am_listsong_item_functionButton">
                                    <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                                    <span class="am_separator" > | </span>
                                    <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                </div>
                            </div>
                        </div>


                    </div> <!-- close listsong -->
                    <div class="am_listmusic_song_footer">
                        <a href="#" class="am_mini_link">Xem thêm &raquo;</a>
                    </div>
                </div>
                <div class="am_listmusic_album">

                    <div class="am_listmusic_album_g1">
                        <div class="am_listmusic_album_item">
                            <div class="am_listmusic_album_item_link">
                                <a href="#">
                                    <div class="am_listmusic_album_item_avatar"><img src="images/album/YouBelongWithMe.jpg" width="110" height="110"></div>
                                    <span class="am_listmusic_album_item_name">You Belong With Me</span>
                                </a> 
                            </div>
                            <div class="am_listmusic_album_item_singer">Taylor Swift</div>
                            <div class="am_listmusic_album_item_functionButton">
                                <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                <span class="am_separator" > | </span>
                                <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                            </div>
                        </div>

                        <!--thêm-->
                        <div class="am_listmusic_album_item">
                            <div class="am_listmusic_album_item_link">
                                <a href="#">
                                    <div class="am_listmusic_album_item_avatar"><img src="images/album/YouBelongWithMe.jpg" width="110" height="110"></div>
                                    <span class="am_listmusic_album_item_name">You Belong With Me</span>
                                </a> 
                            </div>
                            <div class="am_listmusic_album_item_singer">Taylor Swift</div>
                            <div class="am_listmusic_album_item_functionButton">
                                <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                <span class="am_separator" > | </span>
                                <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                            </div>
                        </div>
                        <div class="am_listmusic_album_item">
                            <div class="am_listmusic_album_item_link">
                                <a href="#">
                                    <div class="am_listmusic_album_item_avatar"><img src="images/album/YouBelongWithMe.jpg" width="110" height="110"></div>
                                    <span class="am_listmusic_album_item_name">You Belong With Me</span>
                                </a> 
                            </div>
                            <div class="am_listmusic_album_item_singer">Taylor Swift</div>
                            <div class="am_listmusic_album_item_functionButton">
                                <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                <span class="am_separator" > | </span>
                                <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                            </div>
                        </div>
                        <div class="am_listmusic_album_item">
                            <div class="am_listmusic_album_item_link">
                                <a href="#">
                                    <div class="am_listmusic_album_item_avatar"><img src="images/album/YouBelongWithMe.jpg" width="110" height="110"></div>
                                    <span class="am_listmusic_album_item_name">You Belong With Me</span>
                                </a> 
                            </div>
                            <div class="am_listmusic_album_item_singer">Taylor Swift</div>
                            <div class="am_listmusic_album_item_functionButton">
                                <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                <span class="am_separator" > | </span>
                                <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                            </div>
                        </div>
                        <div class="am_listmusic_album_item">
                            <div class="am_listmusic_album_item_link">
                                <a href="#">
                                    <div class="am_listmusic_album_item_avatar"><img src="images/album/YouBelongWithMe.jpg" width="110" height="110"></div>
                                    <span class="am_listmusic_album_item_name">You Belong With Me</span>
                                </a> 
                            </div>
                            <div class="am_listmusic_album_item_singer">Taylor Swift</div>
                            <div class="am_listmusic_album_item_functionButton">
                                <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                <span class="am_separator" > | </span>
                                <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                            </div>
                        </div>
                        <div class="am_listmusic_album_item">
                            <div class="am_listmusic_album_item_link">
                                <a href="#">
                                    <div class="am_listmusic_album_item_avatar"><img src="images/album/YouBelongWithMe.jpg" width="110" height="110"></div>
                                    <span class="am_listmusic_album_item_name">You Belong With Me</span>
                                </a> 
                            </div>
                            <div class="am_listmusic_album_item_singer">Taylor Swift</div>
                            <div class="am_listmusic_album_item_functionButton">
                                <a href="#"><div class="am_addSongToList" title="thêm vào list đang nghe"> thêm</div> </a> 
                                <span class="am_separator" > | </span>
                                <a href="#"><div class="am_listenSong" title="nghe bài hát"> nghe</div></a>
                            </div>
                        </div>
                        <!--thêm 4 div dưới để hỗ trợ CSS-->
                        <div class="am_listmusic_album_item_blind"></div>
                        <div class="am_listmusic_album_item_blind"></div>
                        <div class="am_listmusic_album_item_blind"></div>
                        <div class="am_listmusic_album_item_blind"></div>
                    </div>


                    <div class="am_listmusic_song_footer">
                        <a href="#" class="am_mini_link">Xem thêm &raquo;</a>
                    </div>
                </div>
            </div>

        </div>

        <div class="am_footer" >
            <div>Thiết kế và phát triển:</div>
        </div>
    </body>
</html>
